<template>
  <div class="my">
    
    <My/>
    <div class="two_router">
    <router-link to="/Twoa">潮品下午茶</router-link>
    <router-link to="/Twob">生活家具</router-link>
    <router-link to="/Twoc">数码电器</router-link>
    <router-link to="/Twod">潮玩饰品</router-link>
    </div>

    <!-- <Routercon/> -->
    
    <Bbat/>
    <router-view></router-view>
  </div>
</template>

<script>
import My from "@/components/my/my.vue"
// import Routercon from "@/components/my/routercon.vue"
export default {
  components:{
    My,
    // Routercon
  } 
}
</script>

<style scoped>
*{
  margin: 0;
  padding: 0;
}
.my{
  width: 100%;
  margin: auto;
}
.two_router{
  /* border: 1px solid gray; */
  width: 3.57rem;
  height: 0.42rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
  position: sticky;
  top: 0;
  background: #f6f6f6;
}
.router-link-active{
  background: rgb(184, 181, 181);
}

</style>